<template>
  <div class="main_box">

    <el-row>
      <el-col :span="12">
        <Crumbs></Crumbs>
      </el-col>
      <el-col :span="12">
        <div class="opration_wrap">
          <el-button type="primary" icon="fa fa-mail-forward" @click="returnList">返回</el-button>
        </div>
      </el-col>
    </el-row>

    <div class="detail_wrap">
      <div class="tit">
        <h2>申请导出信息</h2>
      </div>
      <div class="con">
        <ul>

          <li>
            <label class="label">申请页面名称：</label>
            <span>{{detailData.pageName}} </span>
          </li>
          <li>
            <label class="label">申请页面编码：</label>
            <span>{{detailData.pageCode}} </span>
          </li>
          <li>
            <label class="label">申请人姓名：</label>
            <span>{{detailData.approveUserName}} </span>
          </li>

          <li>
            <label class="label">申请说明：</label>
            <span>{{detailData.approveRemark}} </span>
          </li>
          <li>
            <label class="label">审核人姓名：</label>
            <span>{{detailData.examineUserName}} </span>
          </li>

          <li>
            <label class="label">审核说明：</label>
            <span>{{detailData.examineRemark}} </span>
          </li>
          <li>
            <label class="label">申请时间：</label>
            <span>{{detailData.approveDate}} </span>
          </li>
          <li>
            <label class="label">审核时间：</label>
            <span>{{detailData.examineDate}} </span>
          </li>
          <li>
            <label class="label">导出时间：</label>
            <span>{{detailData.exportDate}} </span>
          </li>
          <li>
            <label class="label">状态：</label>
            <span>{{formatState(detailData.state)}} </span>
          </li>
          <li>
            <label class="label">创建时间：</label>
            <span>{{detailData.createDate}} </span>
          </li>



        </ul>
      </div>

    </div>
  </div>
</template>

<script>
  import Crumbs from "@/components/Crumbs";
  export default {
    data() {
      return {
        detailData: "",
      };
    },
    components: {
      Crumbs,
    },
    computed: {

    },
    methods: {
      getData() {
        this.$Get(this.$Config.api.dataExport, {
          deaId: this.$route.query.id
        }).then(res => {
          this.detailData = res.data;
        });
      },
      formatState(val){
        if(val ==-1){
          return "拒绝";
        }else if(val ==0){
          return "申请中";
        }else if(val==1){
          return "通过";
        }else if(val ==2){
          return "已导出";
        }
      },
      returnList() {
        this.$router.go(-1);
      }
    },

    mounted() {
      this.getData();

    }
  };
</script>
<style lang="scss" src="@/assets/css/views/Detail.scss" scope>
</style>
